<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/gsproduct.css">
</head>

<body>
    @@include('./Header.html',{"dop":"凑单品"})
    <div class="mmm_viwe">
        <div style="padding: 10px 10px;">
            <div id="segmentedControl" class="mui-segmented-control">
                <a class="mui-control-item mui-active" href="#item1">京东</a>
                <a class="mui-control-item" href="#item2">华北</a>
                <a class="mui-control-item" href="#item3">全部价格</a>
            </div>
        </div>
        <div class="mmm_hidden">
        <div class="hidden">
            <div id="item1" class="mui-control-content mui-active">
                <ul id="nav_top1" class="nav_top1 mui-table-view nav_top"></ul>
            </div>
            <div id="item2" class="mui-control-content">
                <ul id="nav_top2" class="nav_top1 mui-table-view nav_top">
                </ul>
            </div>
            <div id="item3" class="mui-control-content">
                <ul class="mui-table-view nav_top">
                </ul>
            </div>
        </div>
        </div> 
        <div class="mmm_mian">
            </div>
    </div>

    @@include('./footer.html')</body>

</html>
<script type="text/html" id="mianTpl">
<div class="mmm_mian_code">
        {{each arr item index}}
        <div class="mmmm_mian_code_item">
            <a class="mmmm_mian_code_item_link" href="#">
                <img src="{{item.productImg}}">
                <h4>{{item.productName}}</h4>
                <span class="mmmm_mian_code_item_left">{{item.productPrice}}</span>
            </a>
            <span class="mmmm_mian_code_item_right" href="#"><a>去凑单</a></span>  
        </div>
        {{/each}}
    </div>
</script>
<script src="./js/gsproduct.js"></script>